<template>
  <ul class="r-list" :class="listClass">
    <li v-for="(item, index) in listData" :key="index" class="list-li">
      <div class="cover">
        <a href="/zxbm/" :title="item.college_name">
          <el-image
            :src="item.logo"
            :alt="item.college_name"
            :title="item.college_name"
            fit="cover"
            style="width: 100%; height: 100%"
          ></el-image>
        </a>
      </div>
      <div class="item">
        <h4 class="title">
          <a href="/zxbm/" :title="item.college_name">{{ item.college_name }}</a>
        </h4>
        <p class="address">
          <a href="/zxbm/" :title="item.address">{{ item.address }}</a>
        </p>
        <div class="label">
          <a
            v-for="(ite, ind) in item.lables"
            :key="ind"
            href="/zxbm/"
            :title="ite.lable_name"
            v-show="ind < 2"
            >{{ ite.lable_name }}</a
          >
        </div>
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  props: ['listData', 'listClass'],
}
</script>